<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
    <!--使用easyui  需要导入5大组件-->
    <link rel="stylesheet" href="../js/easyui/themes/icon.css"/>
    <link rel="stylesheet" href="../js/easyui/themes/default/easyui.css"/>
    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js'"></script>
    <script type="text/javascript" src="../js/ztree/jquery.ztree.all-3.5.js"></script>
    <link rel="stylesheet" href="../js/ztree/zTreeStyle.css"/>
    <script>
        $(function () {
            var setting = {
                data: {
                    simpleData: {
                        enable: true
                    }
                }
            }
            $.messager.alert('通知消息','content','error');
            $.messager.progress();
       setTimeout('$.messager.progress(\'close\'); ',2000)
            var zNodes = [
                {id: 1, pId: 0, name: "父节点1", open: true},
                {id: 11, pId: 1, name: "子节点点1"},
                {id: 12, pId: 1, name: "子节点点2"},
                {id: 2, pId: 0, name: "父节点点2"},
                {id: 21, pId: 2, name: "子节点点2"}

            ];

            $(document).ready(function () {
                $.fn.zTree.init($("#treeDemo"), setting, zNodes);
            });

        })
        $('#tt').tabs('add', {

            title: 'New Tab',

            content: 'Tab Body',

            closable: true,

            tools: [{

                iconCls: 'icon-mini-refresh',

                handler: function () {

                    alert('refresh');

                }

            }]


        });


    </script>

</head>
<body class="easyui-layout">


<div data-options="region:'north',title:'首页',split:true" style="height:100px;"></div>

<div data-options="region:'south',title:'底部说明',split:true" style="height:100px;"></div>

<div data-options="region:'east',iconCls:'icon-reload',title:'备注',split:true" style="width:100px;">
    <a href="tencent://message/?uin=1632452772&Site=Sambow&Menu=yes">
        <img width="100px" height="100px" border="0"
             src="https://img2.woyaogexing.com/2018/11/09/1ec84f816c20a459!400x400_big.jpg"
             alt="联系我哦!" title="联系我哦!"/>

</div>

<div data-options="region:'west',title:'标题栏',split:true" style="width:200px;">

    <ul id="treeDemo" class="ztree"></ul>

</div>

<div data-options="region:'center',title:'内容'" style="padding:5px;background:#eee;">

    </a>


</div>

</body>
</html>